<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- <button id="btn">按钮</button>
    <button id="btn1">按钮</button> -->
    <button onclick="openWin()">打开窗口</button>
    <button onclick="closeWin()">关闭窗口</button>
    <button onclick="moveWin()">移动窗口</button>
    <button onclick="resizeWin()">调整窗口</button>
</body>
<script>
    // 一、弹出框
    //1.警告
    //  window.alert("这是一个警告")
     //2.确认
    // window.confirm("sometext") 
    // var r=confirm("请按按钮")
    // if(r==true){
        // 
    // }else{
        // console.log("您按了取消！")
    // }
    //3.提示框
    // var person=window.prompt("请输入您的姓名","aaa")
    // if(person!=null){
    //     console.log(person)
    // }
    //二、定时事件JavaScript 可以在时间间隔内执行，这就是所谓的定时事件（ Timing Events）。
    /* setTimeout(function, milliseconds)在等待指定的毫秒数后执行函数。
    setInterval(function, milliseconds)等同于 setTimeout()，但持续重复执行该函数。 */
    // var btn=document.getElementById("btn")
    // btn.onclick=function(){
    //     var timer=setTimeout(function(){
    //         console.log("延迟执行3秒",timer)
    //     },3000)
    // }
    // var btn1=document.getElementById("btn1")
    // btn1.onclick=function(){
    //     var timer=setInterval(function(){
    //         console.log("setInterval方法可以重复执行")
    //     },3000)
    // }
    //三、窗口属性常用 
    //1.获取
    // var width=window.innerWidth
    // var height=window.innerHeight
    // console.log(width)
    // console.log(height)
    //四、其他
    var mywindow=0
        function openWin(){
            mywindow= window.open('', '', 'width=200,height=100')
           mywindow.document.write("<p>这是新窗口</p>")
        }
        function closeWin(){
            mywindow.close()
        }
        function moveWin(){
            mywindow.moveTo(300,300)
            mywindow.focus()
        }
        function resizeWin(){
            mywindow.resizeTo(500,500)
            mywindow.focus()
        }
</script>
</html>